<?php

$rsData = getPropertyStepsData();

$arr_contact=get_property_contact();

$member_info = get_member_info(intval($_SESSION["login"]["id"]));
if($arr_contact=='') {

    $arr_contact["name"]=$member_info["fullname"];
    $arr_contact["email"]=$member_info["email"];
    $arr_contact["phone"]=$member_info["phone"];
    $arr_contact["address"]=$member_info["address"];
    $arr_contact["mobile"]=$member_info["mobile"];
}

postPropertyComplete();
?>
<script language="javascript" type="text/javascript">
 
    //add property
    function getCategoryType(obj){
        $.ajax({
            url: AJAX_PROCESS_URL+'member/getCategoryType',
            type: 'GET',
            data: "type=" + obj.value,
            error: function(){
                alert('Error!');
            },
            success: function(data){
                $("select[name=cat_id]").html(data);
            }
        });
    }

    function getGeo(obj,forObj){
        if(obj.value>0){
            $.ajax({
                url: AJAX_PROCESS_URL+'member/getGeo',
                type: 'GET',
                data: "geo=" + obj.value,
                error: function(){
                    alert('Error!');
                },
                success: function(data){
                    if(forObj=='city'){
                        $("select[name=geo_id[0]]").html(data);
                        $("select[name=geo_id[1]]").html('<option value="0">[Quận/Huyện]...</option>');
                    }else if(forObj=='district'){
                        $("select[name=geo_id[1]]").html(data);
                    }

                }
            });
        }else{
            $("select[name=geo_id[1]]").html('<option value="0">[Quận/Huyện]...</option>');
        }
    }

    function otherLegalDoc(obj){
        if(obj.value=='3'){
            $("input[name=other_legal_doc]").show();
        }else{
            $("input[name=other_legal_doc]").hide();
        }
    }
    function showPrice(){
        $("input[name=price]").val($("input[name=price]").val().replace(/[^0-9]/g, ''));
        $("#showPrice").html(addCommasToNumber($("input[name=price]").val().replace(/[^0-9]/g, '')));
        if($("input[name=price]").val()==''){
            $("#showPrice").html(0);
        }else{
            $("#showPrice").html(addCommasToNumber($("input[name=price]").val()));
        }
    }
    function removeImage(id){
        $("#"+id).remove();
    }
    function addCommasToNumber(numberStr){
        numberStr += '';
        x = numberStr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + '.' + '$2');
        }
        return x1 + x2;
    }
    function onlyNumber(htmlInputName){
        $("input[name="+htmlInputName+"]").val(( $("input[name="+htmlInputName+"]").val().replace(/[^0-9]/g, '')));

    }
    function onlyFloatNumber(htmlInputName){
        $("input[name="+htmlInputName+"]").val(( $("input[name="+htmlInputName+"]").val().replace(/[^0-9 .]/g, '')));

    }
    $(document).ready(function (){
        //get category type
        $('input[name=type]').click(function (){
            getCategoryType(this);
        });
        //get geographic
        $('input[name=geo]').click(function (){
            getGeo(this,'city');
        });
        $("select[name=geo_id[0]]").change(function(){
            getGeo(this,'district');
        });
        //price
        $("input[name=price]").keyup(function(){
            showPrice();
        });
         $("input[name=area_use]").keyup(function(){
            onlyFloatNumber('area_use');
        });
         $("input[name=area_build]").keyup(function(){
            onlyFloatNumber('area_build');
        });
         $("input[name=way]").keyup(function(){
            onlyFloatNumber('way');
        });
         $("input[name=area_campus_width]").keyup(function(){
            onlyFloatNumber('area_campus_width');
        });
         $("input[name=area_campus_depth]").keyup(function(){
            onlyFloatNumber('area_campus_depth');
        });
         $("input[name=floor]").keyup(function(){
             onlyNumber('floor');
        });
         $("input[name=sittingroom]").keyup(function(){
            onlyNumber('sittingroom');
        });
        
         $("input[name=kitchenroom]").keyup(function(){
            onlyNumber('kitchenroom');
        });

         $("input[name=bedroom]").keyup(function(){
            onlyNumber('bedroom');
        });

         $("input[name=bathroom]").keyup(function(){
            onlyNumber('bathroom');
        });       
        $("input[name=noPrice]").click(function(){
            if($("input[name=noPrice]").is(":checked")){
                $("input[name=price]").val('0');
                $("input[name=price]").attr('readonly',true);
            }else{
                $("input[name=price]").val('');
                $("input[name=price]").attr('readonly',false);
                $("input[name=price]").focus();
            }

        });

    });
    function submitFormAddProperty(submitType){
        if(submitType=='exit'){
            $("#submitType").val('exit');
            $("#submitFrmPropertyAdd").click();
        }
    }
    function submit(type){
        if($("select[name=cat_id]").val()==0){
            $("select[name=cat_id]").attr('border-color', 'red', 'style');
            $("select[name=cat_id]").focus();
            return false;
        }
        if($("input[name=title]").val()==''){
            $("input[name=title]").attr('border-color', 'red', 'style');
            $("input[name=title]").focus();
            return false;
        }
        if($("select[name=geo_id[0]]").val()==0){
            $("select[name=geo_id[0]]").attr('border-color', 'red', 'style');
            $("select[name=geo_id[0]]").focus();
            return false;
        }
        if($("select[name=geo_id[1]]").val()==0){
            $("select[name=geo_id[1]]").attr('border-color', 'red', 'style');
            $("select[name=geo_id[1]]").focus();
            return false;
        }
        if($("input[name=price]").val()==''){
            $("input[name=price]").attr('border-color', 'red', 'style');
            $("input[name=price]").focus();
            return false;
        }
        if($("select[name=legal_doc]").val()==''){
            $("select[name=legal_doc]").attr('border-color', 'red', 'style');
            $("select[name=legal_doc]").focus();
            return false;
        }
        if($("input[name=area_build]").val()==''){
            $("input[name=area_build]").attr('border-color', 'red', 'style');
            $("input[name=area_build]").focus();
            return false;
        }
        if($("#description").val()==''){
            $("#description").attr('border-color', 'red', 'style');
            $("#description").focus();
            return false;
        }
        if($("input[name=contact_phone]").val()==''){
            $("input[name=contact_phone]").attr('border-color', 'red', 'style');
            $("input[name=contact_phone]").focus();
            return false;
        }
        $('#stepAction').val(type);
        $('#post_property_step1').submit();
    }
    function searchAddress(){
        var str=$('#searchMapAddress ').val()+" "+$('#geoDistrict option:selected').text()+" "+$('#geoCity option:selected').text();
        if(str!=' '){           
            showAddress(str);
        }
    }
    function createRandomNumber(varLength) {
        var sourceArr = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","0","1","2","3","4","5","6","7","8","9");
        var randomKey;
        var randomCode = "qvsinh_";
        for (i=0; i<varLength; i++) {
            randomKey = Math.floor(Math.random()*sourceArr.length);
            randomCode = randomCode + sourceArr[randomKey];
        }
        return randomCode;
    }

    function delThisUploadFile(htmlId){
        $("#"+htmlId).remove();
    }
    function addFileUpload(){
        var liId = createRandomNumber(8);
        var htmlFileUpload = '<li id="'+liId+'"><div class="column_dt3_l">&nbsp;</div><div class="column_dt3_r"><input type="file" name="memberImages[]" size="30" style="float:left;" /><a href="javascript:delThisUploadFile(\''+liId+'\');">[Xóa]</a></div></li>';
        if($("#ulFileUpload li").size()==5){
            alert('[Bạn chỉ được tải lên 5 ảnh cho một tin].');
        }else{
            $("#ulFileUpload").append(htmlFileUpload);
        }
    }
    function removeImage(id,imageId){
        $("#removeThumb").append('<input type="hidden" name="removeImages[]" value="'+imageId+'"/>');
        $("#"+id).remove();
    }
</script>
<div class="container">
    <div class="content_mb">

<?php include_once 'inc/left.php';?>

        <div class="content_mb_r">

<?php include_once 'inc/post_property_top_center.php';?>
            <div style="margin-left: 20px;">
                <div class="title_mb_r3">[Đăng tin mới]</div>

                <div class="content_dt">
                    <form method="post" id="post_property_step1" action=""  onsubmit="checkFromStep1();" enctype="multipart/form-data">
                        <input type="hidden" id="stepAction" name="stepAction" value="end">
                        <div id="removeThumb" style="display: none;"></div>
                        <div class="content_dt_top">
                            <div class="title_dt">
                                <div class="title_dt_top"><b>[Bước 1: Xác nhận thông tin chung và định vị bất động sản theo bản đồ]</b></div>
                                <div class="title_dt_bt">[Bộ gõ tiếng việt]<input type="radio" name="bogo" onfocus="setMethod(2);" /><b>[Kiểu VNI]</b><input type="radio" name="bogo" onfocus="setMethod(1);" checked="checked"/><b>[Kiểu Telex]</b><input type="radio" name="bogo" onfocus="setMethod(-1);" /><b>[Tắt bộ gõ]</b></div>
                            </div>

                        </div>
                        <script language="javascript" type="text/javascript">
                            $(document).ready(function (){
                                setMethod(1);
                            });
                        </script>

                        <div class="title_note">[Những mục có dấu] <font color="#f87310">(*)</font> [là thông tin bắt buộc] </div>
<?php if($CONFIG["error_message"]!='') {?>
                        <div class="displayMessages"><?php echo $CONFIG["error_message"];?></div>
    <?php }?>
                        <div class="line_dangtin">
                            <ul>
                                <li>
                                    <div class="line_dt_l">[Kiểu BĐS] <font color="#f87310">(*)</font></div>
                                    <div class="line_dt_r"><input type="radio" name="type" value="1" <?php setCheckedBoxValue($rsData['type'],'sell',true);?> style="border:none;" /> <b>[Cần bán]</b><input type="radio" name="type" value="2" <?php setCheckedBoxValue($rsData['type'],'rent');?> class="radio1" /> <b>[Cho thuê]</b></div>
                                </li>
                                <li>
                                    <div class="line_dt_l">[Danh mục] <font color="#f87310">(*)</font></div>
                                    <div class="line_dt_r">
                                        <select name="cat_id" style="width: 48%;">
<?php
                                            if($rsData['type']=='sell') {
                                                $parentCatId = 1;
                                            }elseif($rsData['type']=='rent') {
                                                $parentCatId = 2;
                                            }else {
                                                $parentCatId = 1;
                                            }
                                            $arrCatId = listPropertyCategoryByParent($parentCatId);
                                            echo '<option value="0">[Chọn danh mục]...</option>';
                                            for($i=0;$i<count($arrCatId);$i++) {
                                                if($rsData['cat_id']==$arrCatId[$i]['cat_id']) {
                                                    echo '<option selected="selected" value="'.$arrCatId[$i]['cat_id'].'">'.$arrCatId[$i]['cat_title'].'</option>';
                                                }else {
                                                    echo '<option value="'.$arrCatId[$i]['cat_id'].'">'.$arrCatId[$i]['cat_title'].'</option>';
                                                }
                                            }

                                            ?>
                                        </select>
                                    </div>
                                </li>
                                <li>
                                    <div class="line_dt_l">[Tiêu đề] <font color="#f87310">(*)</font></div>
                                    <div class="line_dt_r"><input type="text" name="title" value="<?php echo $rsData['title'];?>" style="width:80%;" /></div>
                                </li>
<?php
                                $arrGeo = getGeographicIdParentIdByChildId($rsData['geo_id']);
                                ?>
                                <li>
                                    <div class="line_dt_l">[Địa chỉ] <font color="#f87310">(*)</font></div>
                                    <div class="line_dt_r"><span style="margin-right: 10px;"><input type="radio" name="geo" value="1" <?php echo setCheckedBoxValue($arrGeo['root'],'1',true);?> />[Miền bắc]</span> <span style="margin-right: 10px;"><input type="radio" name="geo" value="2" <?php echo setCheckedBoxValue($arrGeo['root'],'2');?> /> [Miền trung]</span> <span style="margin-right: 10px;"><input type="radio" name="geo" value="3" <?php echo setCheckedBoxValue($arrGeo['root'],'3');?> /> [Miền nam]</span></div>
                                </li>
                                <li>
                                    <div class="line_dt_r" style="margin-left: 0px;width:100%">
                                        <select name="geo_id[0]" id="geoCity" style="width:22%;" onchange="showAddress($('#geoCity option:selected').text());">
<?php
                                            if(isset($arrGeo['root']) && intval($arrGeo['root'])>0) {
                                                $arrGeoCity = listAllPropertyGeographicByParent($arrGeo['root']);
                                                echo '<option value="0">[Tỉnh/Thành phố]...</option>';
                                                for($i=0;$i<count($arrGeoCity);$i++) {
                                                    if($arrGeo['city']==$arrGeoCity[$i]['geo_id']) {
                                                        echo '<option selected="selected" value="'.$arrGeoCity[$i]['geo_id'].'">'.$arrGeoCity[$i]['geo_title'].'</option>';
                                                    }else {
                                                        echo '<option value="'.$arrGeoCity[$i]['geo_id'].'">'.$arrGeoCity[$i]['geo_title'].'</option>';
                                                    }
                                                }
                                            }else {
                                                $arrGeoCity = listAllPropertyGeographicByParent(1);
                                                echo '<option value="0">[Tỉnh/Thành phố]...</option>';
                                                for($i=0;$i<count($arrGeoCity);$i++) {
                                                    echo '<option '.setSelectedBoxValue($arrGeo['city'], $arrGeoCity[$i]['geo_id']).' value="'.$arrGeoCity[$i]['geo_id'].'">'.$arrGeoCity[$i]['geo_title'].'</option>';
                                                }
                                            }
                                            ?>
                                        </select>
                                        <select name="geo_id[1]" id="geoDistrict" onchange="showAddress($('#geoDistrict option:selected').text()+' '+$('#geoCity option:selected').text());" style="width:22%; margin-left:15px;">
<?php
                                            if(isset($arrGeo['city']) && intval($arrGeo['city'])>0) {
                                                $arrGeoDistrict = listAllPropertyGeographicByParent($arrGeo['city']);
                                                echo '<option value="0">[Quận/Huyện]...</option>';
                                                for($i=0;$i<count($arrGeoDistrict);$i++) {
                                                    if($arrGeo['district']==$arrGeoDistrict[$i]['geo_id']) {
                                                        echo '<option selected="selected" value="'.$arrGeoDistrict[$i]['geo_id'].'">'.$arrGeoDistrict[$i]['geo_title'].'</option>';
                                                    }else {
                                                        echo '<option value="'.$arrGeoDistrict[$i]['geo_id'].'">'.$arrGeoDistrict[$i]['geo_title'].'</option>';
                                                    }
                                                }
                                            }else {
                                                echo '<option value="0">[Quận/Huyện]...</option>';
                                            }
                                            ?>
                                        </select><input type="text" id="searchMapAddress" onkeydown="if (event.keyCode == 13){searchAddress();return false;}"  style="width:25%;padding-bottom:5px; margin-left:15px;"/>
                                        <img onclick="searchAddress()" src="<?php echo SITE_IMAGES_URL;?>/btn_Dinh_Vi.gif" style="float:right;cursor: pointer;margin-right:50px;" alt="" />

                                    </div>

                                </li>
                                <li>
                                    <div class="line_dt_r" style="margin-left: 0px;width:100%">
                                        <div class="divform">
                                            <input type="text" id="geocodeRoboGEO" name="map" style="width: 235px;margin-bottom: 5px;display: none;" readonly/>
                                            <div id="map" style="width: 700px; height: 400px"></div>
                                            <script type="text/javascript">
<?php
$arrMap = explode(',', $rsData['map']);
$arrMapLat = explode(':', $arrMap[0]);
$arrMapLon = explode(':', $arrMap[1]);
;?>
    $(document).ready(function (){
        load();
    });
    $(document).unload(function (){
        GUnload();
    });
    function load() {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            var center = new GLatLng(
<?php if($arrMapLat[1]!='') {
    echo $arrMapLat[1];
} else {
    echo '21.028711';
}?>,  	<?php if($arrMapLon[1]!='') {
    echo $arrMapLon[1];
} else {
    echo '105.852456';
}?>);
            map.setCenter(center, 15);
            geocoder = new GClientGeocoder();
            var cIcon = new GIcon(G_DEFAULT_ICON);
            cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
            cIcon.iconSize = new GSize(20,30);
            cIcon.iconAnchor = new GPoint(12,30);
            var opt;
            opt = {};
            opt.icon = cIcon;
            opt.draggable = true;

            var marker = new GMarker(center, opt);
            map.addOverlay(marker);
            var message = 'latitude: ' + center.lat().toFixed(5) + ', longitude: ' + center.lng().toFixed(5);
            document.getElementById("geocodeRoboGEO").value = message;
            //document.getElementById("lat").innerHTML = center.lat().toFixed(5);
            //document.getElementById("lng").innerHTML = center.lng().toFixed(5);
            GEvent.addListener(marker, "dragend", function() {
                var point = marker.getPoint();
                map.panTo(point);
                var message = 'latitude: ' + point.lat().toFixed(5) + ', longitude: ' + point.lng().toFixed(5);
                document.getElementById("geocodeRoboGEO").value = message;
                //document.getElementById("lat").innerHTML = point.lat().toFixed(5);
                //document.getElementById("lng").innerHTML = point.lng().toFixed(5);
            });
            GEvent.addListener(map, "moveend", function() {
                map.clearOverlays();
                var center = map.getCenter();
var cIcon = new GIcon(G_DEFAULT_ICON);
                                                            cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
                                                            cIcon.iconSize = new GSize(20,30);
                                                            cIcon.iconAnchor = new GPoint(12,30);
                                                            var opt;
                                                            opt = {};
                                                            opt.icon = cIcon;
                                                            opt.draggable = true;
                                                            var marker = new GMarker(center,opt);
                map.addOverlay(marker);
                var message = 'latitude: ' + center.lat().toFixed(5) + ', longitude: ' + center.lng().toFixed(5);
                document.getElementById("geocodeRoboGEO").value = message;
                //document.getElementById("lat").innerHTML = center.lat().toFixed(5);
                //document.getElementById("lng").innerHTML = center.lng().toFixed(5);
                GEvent.addListener(marker, "dragend", function() {
                    var point =marker.getPoint();
                    map.panTo(point);
                    var message = 'latitude: ' + point.lat().toFixed(5) + ', longitude: ' + point.lng().toFixed(5);
                    document.getElementById("geocodeRoboGEO").value = message;
                    //document.getElementById("lat").innerHTML = point.lat().toFixed(5);
                    //document.getElementById("lng").innerHTML = point.lng().toFixed(5);
                });
            });
        }
    }
    function findAddress() {
        myAddress = document.getElementById("address").value;
        geocoder.getLocations(myAddress, getCoordForAddress);
    }
    function showAddress(address) {

        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        var geocoder = new GClientGeocoder();

        if (geocoder) {
            geocoder.getLatLng(address,
            function(point) {
                if (!point) {
                    alert("Xin loi, chung toi khong tim thay " + address);
                    var message = 'latitude: ' + 21.028711 + ', longitude: ' + 105.852456;
                    document.getElementById("geocodeRoboGEO").value = message;
                    //document.getElementById("lat").innerHTML = point.lat().toFixed(5);
                    //document.getElementById("lng").innerHTML = point.lng().toFixed(5);
                    map.clearOverlays()
                    map.setCenter(point, 14);
                   var cIcon = new GIcon(G_DEFAULT_ICON);
                                                                cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
                                                                cIcon.iconSize = new GSize(20,30);
                                                                cIcon.iconAnchor = new GPoint(12,30);
                                                                var opt;
                                                                opt = {};
                                                                opt.icon = cIcon;
                                                                opt.draggable = true;
                                                                var marker = new GMarker(point, opt);
                    map.addOverlay(marker);

                    GEvent.addListener(marker, "dragend", function() {
                        var pt = marker.getPoint();
                        map.panTo(pt);
                        var message = 'latitude: ' + pt.lat().toFixed(5) + ', longitude: ' + pt.lng().toFixed(5);
                        document.getElementById("geocodeRoboGEO").value = message;
                        //document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
                        //document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
                    });


                    GEvent.addListener(map, "moveend", function() {
                        map.clearOverlays();
                        var center = map.getCenter();
var cIcon = new GIcon(G_DEFAULT_ICON);
                                                                    cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
                                                                    cIcon.iconSize = new GSize(20,30);
                                                                    cIcon.iconAnchor = new GPoint(12,30);
                                                                    var opt;
                                                                    opt = {};
                                                                    opt.icon = cIcon;
                                                                    opt.draggable = true;
                                                                    var marker = new GMarker(center, opt);
                        map.addOverlay(marker);
                        var message = 'latitude: ' + center.lat().toFixed(5) + ', longitude: ' + center.lng().toFixed(5);
                        document.getElementById("geocodeRoboGEO").value = message;
                        //document.getElementById("lat").innerHTML = center.lat().toFixed(5);
                        //document.getElementById("lng").innerHTML = center.lng().toFixed(5);

                        GEvent.addListener(marker, "dragend", function() {
                            var pt = marker.getPoint();
                            map.panTo(pt);
                            var message = 'latitude: ' + pt.lat().toFixed(5) + ', longitude: ' + pt.lng().toFixed(5);
                            document.getElementById("geocodeRoboGEO").value = message;
                            //document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
                            //document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
                        });

                    });

                } else {
                    var message = 'latitude: ' + point.lat().toFixed(5) + ', longitude: ' + point.lng().toFixed(5);
                    document.getElementById("geocodeRoboGEO").value = message;
                    //document.getElementById("lat").innerHTML = point.lat().toFixed(5);
                    //document.getElementById("lng").innerHTML = point.lng().toFixed(5);
                    map.clearOverlays()
                    map.setCenter(point, 14);
 var cIcon = new GIcon(G_DEFAULT_ICON);
                                                                cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
                                                                cIcon.iconSize = new GSize(20,30);
                                                                cIcon.iconAnchor = new GPoint(12,30);
                                                                var opt;
                                                                opt = {};
                                                                opt.icon = cIcon;
                                                                opt.draggable = true;
                                                                var marker = new GMarker(point,opt);
                    map.addOverlay(marker);

                    GEvent.addListener(marker, "dragend", function() {
                        var pt = marker.getPoint();
                        map.panTo(pt);
                        var message = 'latitude: ' + pt.lat().toFixed(5) + ', longitude: ' + pt.lng().toFixed(5);
                        document.getElementById("geocodeRoboGEO").value = message;
                        //document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
                        //document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
                    });


                    GEvent.addListener(map, "moveend", function() {
                        map.clearOverlays();
                        var center = map.getCenter();
var cIcon = new GIcon(G_DEFAULT_ICON);
                                                                    cIcon.image = '<?php echo SITE_IMAGES_URL; ?>/gmap_pin.png';
                                                                    cIcon.iconSize = new GSize(20,30);
                                                                    cIcon.iconAnchor = new GPoint(12,30);
                                                                    var opt;
                                                                    opt = {};
                                                                    opt.icon = cIcon;
                                                                    opt.draggable = true;
                                                                    var marker = new GMarker(center, opt);
                        map.addOverlay(marker);
                        var message = 'latitude: ' + center.lat().toFixed(5) + ', longitude: ' + center.lng().toFixed(5);
                        document.getElementById("geocodeRoboGEO").value = message;
                        //document.getElementById("lat").innerHTML = center.lat().toFixed(5);
                        //document.getElementById("lng").innerHTML = center.lng().toFixed(5);

                        GEvent.addListener(marker, "dragend", function() {
                            var pt = marker.getPoint();
                            map.panTo(pt);
                            var message = 'latitude: ' + pt.lat().toFixed(5) + ', longitude: ' + pt.lng().toFixed(5);
                            document.getElementById("geocodeRoboGEO").value = message;
                            //document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
                            //document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
                        });

                    });

                }
            }
        );
        }
    }
                                            </script>
                                        </div>
                                    </div>

                                </li>

                            </ul>
                        </div>
                        <div class="content_dt_top" style="height: 30px">
                            <div class="title_dt" >
                                <div class="title_dt_top"><b>[Bước 2: Xác nhận đặc điểm bất động sản]</b></div>
                            </div>
                        </div>
                        <div class="line_dt2">
                            <ul>
                                <li>
                                    <div class="column_dt" >
                                        <div class="column_dt_l" >[Giá] <font color="#f87310">(*)</font></div>
                                        <div class="column_dt_r">
                                            <input type="text" name="price" value="<?php echo $rsData['price'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l" style="width:30%">
                                            <select name="price_unit" style="width:95%;">
<?php
                                                $arrprice_unit = array('[Triệu(VND)]','USD');
                                                foreach ($arrprice_unit as $key => $value) {
                                                    if($rsData['price_unit']==$value) {
                                                        echo '<option selected="selected" value="'.$key.'">'.$value.'</option>';
                                                    }else {
                                                        echo '<option value="'.$key.'">'.$value.'</option>';
                                                    }
                                                }
                                                ?>
                                            </select>
                                        </div>
                                        <div class="column_dt_r">
                                            <select name="price_unit" style="width:72%;">
<?php
                                                $arrprice_for = array('/m2 [Sàn]','/[Tổng diện tích]');
                                                foreach ($arrprice_for as $key => $value) {
                                                    if($rsData['arrprice_for']==$value) {
                                                        echo '<option selected="selected" value="'.$key.'">'.$value.'</option>';
                                                    }else {
                                                        echo '<option value="'.$key.'">'.$value.'</option>';
                                                    }
                                                }
                                                ?>
                                            </select>
                                            <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=250&text=[Vui lòng chỉ nhập số cho giá trị này].<br> - [Giá bằng 0 -> Giá thương lượng]." class="jTip" id="jt1" name="">?</a></span>
                                        </div>
                                    </div>

                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Giấy tờ pháp lý] <font color="#f87310">(*)</font></div>
                                        <div class="column_dt_r">
                                            <select name="legal_doc" style="width:72%;">
<?php
                                                $arrLegalDoc = array('[Chọn]...','[Sổ đỏ]','[Sổ hồng]','[Giấy tờ khác]');
                                                foreach ($arrLegalDoc as $key => $value) {

                                                    if($rsData['legal_doc']==$value) {
                                                        echo '<option selected="selected" value="'.$value.'">'.$value.'</option>';
                                                    }else {
                                                        echo '<option value="'.$value.'">'.$value.'</option>';
                                                    }
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Hướng nhà]</div>
                                        <div class="column_dt_r">
                                            <select name="direction" style="width:95%;">
<?php
                                                foreach ($CONFIG['property_direction'] as $key => $value) {
                                                    if(isset($rsData['direction']) && $rsData['direction']==$key) {
                                                        echo '<option selected="selected" value="'.$key.'">'.$value.'</option>';
                                                    }else {
                                                        echo '<option value="'.$key.'">'.$value.'</option>';
                                                    }
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Diện tích sử dụng]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="area_use" value="<?php echo $rsData['area_use'];?>" style="width:68%;" /> m2
                                            <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=350&text=- [Sử dụng dấu chấm (.) để thể hiện các số thập phân]. [Vd] : 20 [lẻ] 4 = 20.4.<br> - [Diện tích khuôn viên, diện tích xây dựng được nhập theo định dạng].<br>( [chiều ngang trước x chiều ngang sau x chiều dài] )" class="jTip" id="jt2" name="">?</a></span>
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Diện tích khuôn viên]</div>
                                        <div class="column_dt_r">
                                            R <input type="text" name="area_campus_width" value="<?php echo $rsData['area_campus_width'];?>" style="width:18%;" />&nbsp;x&nbsp;D <input type="text" name="area_campus_depth" value="<?php echo $rsData['area_campus_depth'];?>" style="width:18%;" />&nbsp;<em>(m)</em>
                                            <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=350&text=- [Sử dụng dấu chấm (.) để thể hiện các số thập phân]. [Vd] : 20 [lẻ] 4 = 20.4.<br> - [Diện tích khuôn viên, diện tích xây dựng được nhập theo định dạng].<br>( [chiều ngang trước x chiều ngang sau x chiều dài] )" class="jTip" id="jt3" name="">?</a></span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Diện tích sàn]<font color="#f87310">(*)</font></div>
                                        <div class="column_dt_r">
                                            <input type="text" name="area_build" value="<?php echo $rsData['area_build'];?>" style="width:68%;" /> m2
                                            <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=350&text=- [Sử dụng dấu chấm (.) để thể hiện các số thập phân]. [Vd] : 20 [lẻ] 4 = 20.4.<br> - [Diện tích khuôn viên, diện tích xây dựng được nhập theo định dạng].<br>( [chiều ngang trước x chiều ngang sau x chiều dài] )" class="jTip" id="jt4" name="">?</a></span>
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Đường trước nhà]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="way" value="<?php echo $rsData['way'];?>" style="width:68%;" />&nbsp;<em>(m)</em>
                                        </div>
                                    </div>


                                </li>

                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Số tầng]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="floor" value="<?php echo $rsData['floor'];?>" style="width:68%;" /> [tầng]
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Số Phòng khách]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="sittingroom" value="<?php echo $rsData['sittingroom'];?>" style="width:68%;" /> [phòng]
                                        </div>
                                    </div>

                                </li>

                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Số Phòng bếp]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="kitchenroom" value="<?php echo $rsData['kitchen'];?>" style="width:68%;" /> [phòng]
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Số Phòng ngủ]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="bedroom" value="<?php echo $rsData['bedroom'];?>" style="width:68%;" /> [phòng]
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Số WC/Phòng tắm]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="bathroom" value="<?php echo $rsData['bathroom'];?>" style="width:68%;" /> [phòng]
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Chỗ để ôtô]</div>
                                        <div class="column_dt_r" >
<?php if($rsData['gara_oto']=='yes') {
                                                ?>
                                            <select name="gara_oto"  style="width:68%;">
												<option selected value="yes">Có</option>
												<option value="no">Không</option>
											</select>
                                                <?php }else {
    ?>
												<select name="gara_oto"  style="width:68%;">
													<option value="yes">Có</option>
													<option selected value="no">Không</option>
												</select>
                                                <?php } ?>

                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Năm xây dựng]</div>
                                        <div class="column_dt_r">
                                            <input maxlength="4" type="text" name="build_year" value="<?php echo $rsData['build_year'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Năm sửa chữa]</div>
                                        <div class="column_dt_r">
                                            <input maxlength="4" type="text" name="repair_year" value="<?php echo $rsData['repair_year'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Cơ quan định giá]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="org_price" value="<?php echo $rsData['org_price'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Ngày định giá]</div>
                                        <div class="column_dt_r">
                                            <input type="text" readonly onclick="return showCalendar('date_price');" id="date_price" name="date_price" value="<?php echo $rsData['date_price'];?>" style="width:68%;"/>
                                            <img src="<?php echo ADMIN_IMAGES_URL;?>/calendar.png" onclick="return showCalendar('date_price');">
                                         
                                        </div>
                                    </div>
                                </li>
                                <li>

                                    <div class="line_dt_l">[Mô tả] <font color="#f87310">(*)</font></div>
                                    <div class="line_dt_r">
                                        [Thông tin mô tả chi tiết sẽ giúp người xem hiểu rõ hơn thông tin địa ốc của bạn].
                                        [Vui lòng nhập tiếng Việt có dấu]<br /><br />
                                        <textarea id="description" name="description" cols="10" rows="10" style="width:95%;margin-left: 0px"><?php echo $rsData['description'];?></textarea>
                                        <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=350&text=[Mô tả thêm về bất động sản].<br> - [Bạn vui lòng nhập nội dung bằng tiếng việt có dấu,Bằng bảng mã unicode].<br>-[Phần thông tin liên hệ không nhập ở đây]." class="jTip" id="jt5" name="">?</a></span>
                                    </div>

                                </li>

                            </ul>
                        </div>
                        <div class="content_dt_top" style="height: 30px">
                            <div class="title_dt" >
                                <div class="title_dt_top"><b>[Bước 3: Đăng ảnh bất động sản để mang lại hiệu quả cao nhất cho tin rao] </b></div>
                            </div>
                        </div>
                        <div class="line_dt3">
<?php
$rsImage = getPropertyStepImages();
                            while($rsImg=$db->fetch_array($rsImage)) {
                                $htmlRandomId = rand(999, 999999999);
                                ?>
                            <div id="<?php echo $htmlRandomId;?>">
                                <input type="hidden" value="/uploads/images/property/vnb-1/2010/03/thumb-87-87/1267416898-190917.jpg" name="thumb[]">
                                <img src="<?php echo $rsImg['image'];?>" id="imgDisplay" alt="" style="float: left; width: 87px; height: 87px; margin-right: 5px; margin-top: 5px; border: 3px solid #CCC;"/>
                                <a href="javascript:removeImage('<?php echo $htmlRandomId;?>','<?php echo $rsImg['id'];?>');" class="removeImage" title="Delete this image"></a>
                            </div>
    <?php }?>
                        </div>

                        <div class="line_dt3">
                            <ul id="ulFileUpload">
                                <li>
                                    <div class="column_dt3_l">[Hình ảnh]</div>
                                    <div class="column_dt3_r">
                                        <input type="file" name="memberImages[]" size="30" style="float:left;" />
                                        <span class="formInfo" style="padding-left: 3px"><a href="<?=SITE_URL?>/show_tip.php?width=350&text=[Ảnh mô tả sản phẩm].<br> - [Hình ảnh có định dạng] .jpg, .gif.<br> - [Hình không nên có dung lượng >2Mb, thời gian upload rất lâu và có thể bị gián đoạn].<br> - [Chiều dài ảnh upload không vượt quá 1024 px].<br> - [Những hình ảnh không phù hợp với nội dung có thể bị gỡ bỏ mà không cần thông báo]." class="jTip" id="jt6" name=""><font style="color: #fff">?</font></a></span>
                                    </div>
                                </li>
                            </ul>
                            <div style="line-height: 10px;">&nbsp;</div>
                            <div style="line-height:20px;text-align: right;">
                                <input type="button" onclick="addFileUpload();" class="button_add" style="background: url('/images/themhinhanh.gif') no-repeat;"/>
                            </div>
                        </div>
                        <div class="content_dt_top" style="height: 30px">
                            <div class="title_dt" >
                                <div class="title_dt_top"><b>[Bước 4:Thông tin liên hệ]  </b></div>
                            </div>
                        </div>
                        <div class="line_dt2">
                            <ul>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Tên]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="contact_name" value="<?php echo $arr_contact['name'];?>" style="width:68%;" />

                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Địa chỉ]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="contact_address" value="<?php echo $arr_contact['address'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Điện thoại]<font color="#f87310">(*)</font></div>
                                        <div class="column_dt_r">
                                            <input type="text" name="contact_phone" value="<?php echo $arr_contact['phone'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                    <div class="column_dt">
                                        <div class="column_dt_l">[Di động]</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="contact_mobile" value="<?php echo $arr_contact['mobile'];?>" style="width:68%;" />
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="column_dt">
                                        <div class="column_dt_l">Email</div>
                                        <div class="column_dt_r">
                                            <input type="text" name="contact_email" value="<?php echo $arr_contact['email'];?>" style="width:68%;" />
                                        </div>
                                    </div>

                                </li>
                            </ul>
                        </div>
                        <div class="bt_dangtin">
                            <img onclick="javascript: location.href='<?php echo get_link('member');?>';" src="<?php echo SITE_IMAGES_URL;?>/btn_huy.gif" style="cursor: pointer;" alt="" /> <img onclick="javascript: submit('save');" src="<?php echo SITE_IMAGES_URL;?>/btn_luu.gif" style="cursor: pointer;" alt=""/> <img onclick="javascript: submit('end');" src="<?php echo SITE_IMAGES_URL;?>/btn_dangtin.gif" style="cursor: pointer;" alt=""/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>